<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no" />
<title>MyCAT EYE</title>
<link href="bootstrap-3.3.5-dist/css/bootstrap.min.css" title=""
	rel="stylesheet" />
<link title="" href="css/style.css" rel="stylesheet" type="text/css" />
<link title="blue" href="css/dermadefault.css" rel="stylesheet"
	type="text/css" />
<link title="green" href="css/dermagreen.css" rel="stylesheet"
	type="text/css" disabled="disabled" />
<link title="orange" href="css/dermaorange.css" rel="stylesheet"
	type="text/css" disabled="disabled" />
<link href="css/templatecss.css" rel="stylesheet" title=""
	type="text/css" />
<link href="css/jquery.dataTables.min.css" rel="stylesheet" title=""
	type="text/css" />
<link href="css/dataTables.semanticui.min.css" rel="stylesheet" title=""
	type="text/css" />
<link href="css/semantic.min.css" rel="stylesheet" title=""
	type="text/css" />
<link rel="stylesheet" href="css/jquery.mloading.css" />
</head>

<body>
	<nav class="nav navbar-default navbar-mystyle navbar-fixed-top">
	<div class="navbar-header">
		<button class="navbar-toggle" data-toggle="collapse"
			data-target=".navbar-collapse">
			<span class="icon-bar"></span> <span class="icon-bar"></span> <span
				class="icon-bar"></span>
		</button>
		<a class="navbar-brand mystyle-brand"><span
			class="glyphicon glyphicon-home"></span></a>
	</div>
	<div class="collapse navbar-collapse">
		<ul class="nav navbar-nav">
			<li class=""><a class="mystyle-color" href="../index.html">MyCAT
					EYE&nbsp;&nbsp;&nbsp;</a></li>
		</ul>
		<ul class="nav navbar-nav pull-right">
			<li class="dropdown"><a href="#"
				class="dropdown-toggle mystyle-color" data-toggle="dropdown">&nbsp;当前节点：<span
					id="currentServerId"></span><span class="caret"></span></a>
				<ul class="dropdown-menu" id="ulNodeList">

				</ul></li>
			<li class="dropdown"><a href="#"
				class="dropdown-toggle mystyle-color" data-toggle="dropdown">&nbsp;集群管理<span
					class="caret"></span></a>
				<ul class="dropdown-menu changecolor">
					<li id="blue"><a href="cluster-manage.html">集群管理</a></li>
					<li id="blue"><a href="node-manage.html">节点管理</a></li>
					<!-- <li class="divider"></li>
					<li id="green"><a href="#">MongoDB集群</a></li> -->
				</ul></li>
			<li class="dropdown li-border"><a href="#"
				class="dropdown-toggle mystyle-color" data-toggle="dropdown">&nbsp;<span
					id="login_admin"></span><span class="caret"></span></a>
				<ul class="dropdown-menu">
					<li><a href="javascript:void(0)" id="modifyPassword">修改密码</a></li>
					<li><a href="javascript:void(0)" id="logout">退出</a></li>
				</ul></li>
		</ul>
	</div>
	</nav>
	<div class="down-main">
		<div class="left-main left-full">
			<div class="sidebar-fold">
				<span class="glyphicon glyphicon-menu-hamburger"></span>
			</div>
			<div class="subNavBox">
				<div class="sBox">
					<div class="subNav sublist-down">
						<span class="title-icon glyphicon glyphicon-chevron-down"></span><span
							class="sublist-title">常用功能</span>
					</div>
					<ul class="navContent" style="display: block">
						<li>
							<div class="showtitle" style="width: 100px;">
								<img src="img/leftimg.png" />控制台
							</div> <a href="dashboard.html"><span
								class="sublist-icon glyphicon glyphicon-stats"></span><span
								class="sub-title">控制台</span></a>
						</li>
						<li>
							<div class="showtitle" style="width: 100px;">
								<img src="img/leftimg.png" />变量管理
							</div> <a href="var-manage.html"><span
								class="sublist-icon glyphicon glyphicon-signal"></span><span
								class="sub-title">变量管理</span></a>
						</li>
					</ul>
				</div>

				<div class="sBox">
					<div class="subNav sublist-down">
						<span class="title-icon glyphicon glyphicon-chevron-down"></span><span
							class="sublist-title">InnoDB引擎</span>
					</div>
					<ul class="navContent" style="display: block">
						<li>
							<div class="showtitle" style="width: 100px;">
								<img src="img/leftimg.png" />基本状态
							</div> <a href="innodb-status.html"><span
								class="sublist-icon glyphicon glyphicon-heart-empty"></span><span
								class="sub-title">基本状态</span></a>
						</li>
						<li>
							<div class="showtitle" style="width: 100px;">
								<img src="img/leftimg.png" />事务查看
							</div> <a href="innodb-trx.html"><span
								class="sublist-icon glyphicon glyphicon-retweet"></span><span
								class="sub-title">事务查看</span></a>
						</li>
						<li>
							<div class="showtitle" style="width: 100px;">
								<img src="img/leftimg.png" />锁等待信息
							</div> <a href="innodb-lockwaits.html"><span
								class="sublist-icon glyphicon glyphicon-lock"></span><span
								class="sub-title">锁等待信息</span></a>
						</li>
					</ul>
				</div>
				<div class="sBox">
					<div class="subNav sublist-down">
						<span class="title-icon glyphicon glyphicon-chevron-down"></span><span
							class="sublist-title">集群管理</span>
					</div>
					<ul class="navContent" style="display: block">
						<li class="active">
							<div class="showtitle" style="width: 100px;">
								<img src="img/leftimg.png" />集群管理
							</div> <a href="cluster-manage.html"><span
								class="sublist-icon glyphicon glyphicon-list"></span><span
								class="sub-title">集群管理</span></a>
						</li>
						<li>
							<div class="showtitle" style="width: 100px;">
								<img src="img/leftimg.png" />节点管理
							</div> <a href="node-manage.html"><span
								class="sublist-icon glyphicon glyphicon-hdd"></span><span
								class="sub-title">节点管理</span></a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="right-product right-full">
			<div class="container-fluid">
				<div class="info-center">
					<div class="page-header">
						<div class="pull-left">
							<h4>集群管理</h4>
						</div>
					</div>
					<div class="manage-detail">
						<div class="margin-tb manage-detail-con clearfix">
							 <a class="h5 custom pull-left"
								id="btnAddCluster" href="javascript:;">新增集群</a>
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="table-margin">
						<div class="panel panel-default panel-intro">

							<div class="panel-body">
								<div id="myTabContent" class="tab-content">
									<div class="tab-pane fade active in" id="one">
										<div class="widget-body no-padding">
											<div class="table-responsive no-padding">
												<table
													class="table table-striped table-bordered table-hover">
													<thead>
														<tr>
															<th>ID</th>
															<th>集群名称</th>
															<th>操作</th>
														</tr>
													</thead>
													<tbody id="tbCluster">
														<!--加载集群列表-->
													</tbody>
												</table>
											</div>

										</div>
									</div>

								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
			<div style="height: 20px;"></div>
		</div>
	</div>
	<!-- javascript -->
	<script src="script/jquery-1.11.1.min.js" type="text/javascript"></script>
	<script src="script/jquery.cookie.js" type="text/javascript"></script>
	<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"
		type="text/javascript"></script>
	<script src="script/bootbox.min.js" type="text/javascript"></script>
	<script src="script/jquery.dataTables.min.js"></script>
	<script src="../assets/js/bootbox.min.js"></script>
	<!-- 自定义javascript -->
	<script src="script/custom/menu.js"></script>
	<script src="script/custom/login-auth.js"></script>
	<script src="script/custom/modify-password.js"></script>
	<script src="script/custom/current-node.js"></script>
	<script src="script/custom/cluster-manager.js"></script>
	<!-- loading效果 -->
	<script src="script/jquery.mloading.js"></script>
</body>
</html>